{{! Page not found (ADR 0097): the 404 page's section. Centered; Text + icon (an icon picture at the end side, Sitevari's own until one is chosen); Text + picture (the picture fills the section's end half, Sitevari's own until one is chosen). The search form (shown unless turned off) is the Search element's (Newsletter look), the buttons the Button element's, the links the Icon list's. }}
<div {{@attrs}}><div class="sv-not-found__content">{{#code}}<p class="sv-not-found__code"{{@edit code}}>{{code}}</p>{{/code}}<{{level}} class="sv-not-found__title"{{@edit title}}>{{{title}}}</{{level}}>{{#message}}<p class="sv-not-found__message"{{@edit message}}>{{message}}</p>{{/message}}{{#search}}<form class="sv-newsletter sv-newsletter--layout-row sv-not-found__search" role="search" method="get" action="{{searchAction}}"><label class="sv-newsletter__hidden" for="sv-{{@id}}-search">{{searchPlaceholder}}</label><div class="sv-newsletter__row"><input class="sv-newsletter__field" id="sv-{{@id}}-search" name="s" type="search" maxlength="200" placeholder="{{searchPlaceholder}}"><div class="sv-button sv-button--variant-primary sv-button--size-md"><button class="sv-button__control{{#searchIcon}} sv-button__control--icon sv-glyph-{{searchIcon}}{{/searchIcon}}" type="submit">{{searchButton}}</button></div></div></form>{{/search}}<div class="sv-not-found__actions">{{#primaryButton.label}}<div class="sv-button sv-button--variant-primary sv-button--size-md">{{#primaryButton.link.url}}<a class="sv-button__control{{#primaryButton.arrow}} sv-button__control--arrow{{/primaryButton.arrow}}{{#primaryButton.icon}} sv-button__control--icon{{#primaryButton.iconEnd}} sv-button__control--icon-end{{/primaryButton.iconEnd}} sv-glyph-{{primaryButton.icon}}{{/primaryButton.icon}}" href="{{primaryButton.link.url}}"{{#primaryButton.link.newTab}} target="_blank" rel="noopener noreferrer"{{/primaryButton.link.newTab}}{{@edit primaryButton.label}}>{{primaryButton.label}}</a>{{/primaryButton.link.url}}{{^primaryButton.link.url}}<span class="sv-button__control{{#primaryButton.arrow}} sv-button__control--arrow{{/primaryButton.arrow}}{{#primaryButton.icon}} sv-button__control--icon{{#primaryButton.iconEnd}} sv-button__control--icon-end{{/primaryButton.iconEnd}} sv-glyph-{{primaryButton.icon}}{{/primaryButton.icon}}"{{@edit primaryButton.label}}>{{primaryButton.label}}</span>{{/primaryButton.link.url}}</div>{{/primaryButton.label}}{{#secondaryButton.label}}<div class="sv-button sv-button--variant-outline sv-button--size-md">{{#secondaryButton.link.url}}<a class="sv-button__control{{#secondaryButton.arrow}} sv-button__control--arrow{{/secondaryButton.arrow}}{{#secondaryButton.icon}} sv-button__control--icon{{#secondaryButton.iconEnd}} sv-button__control--icon-end{{/secondaryButton.iconEnd}} sv-glyph-{{secondaryButton.icon}}{{/secondaryButton.icon}}" href="{{secondaryButton.link.url}}"{{#secondaryButton.link.newTab}} target="_blank" rel="noopener noreferrer"{{/secondaryButton.link.newTab}}{{@edit secondaryButton.label}}>{{secondaryButton.label}}</a>{{/secondaryButton.link.url}}{{^secondaryButton.link.url}}<span class="sv-button__control{{#secondaryButton.arrow}} sv-button__control--arrow{{/secondaryButton.arrow}}{{#secondaryButton.icon}} sv-button__control--icon{{#secondaryButton.iconEnd}} sv-button__control--icon-end{{/secondaryButton.iconEnd}} sv-glyph-{{secondaryButton.icon}}{{/secondaryButton.icon}}"{{@edit secondaryButton.label}}>{{secondaryButton.label}}</span>{{/secondaryButton.link.url}}</div>{{/secondaryButton.label}}</div>{{#hasLinks}}<div class="sv-not-found__links">{{#linksTitle}}<p class="sv-not-found__links-title"{{@edit linksTitle}}>{{linksTitle}}</p>{{/linksTitle}}<ul class="sv-icon-list sv-icon-list--gap-sm sv-not-found__list">{{#links}}<li class="sv-icon-list__item"><span class="sv-icon-list__icon" aria-hidden="true"><span class="sv-icon__glyph sv-glyph-{{linkIcon}}"></span></span>{{#link.url}}<a class="sv-icon-list__text sv-icon-list__link" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}{{@edit links.text}}>{{text}}</a>{{/link.url}}{{^link.url}}<span class="sv-icon-list__text"{{@edit links.text}}>{{text}}</span>{{/link.url}}</li>{{/links}}</ul></div>{{/hasLinks}}</div>{{#iconSide}}<div class="sv-not-found__art">{{#illustration.url}}<img class="sv-not-found__art-img wp-image-{{illustration.id}}" src="{{illustration.url}}" alt="{{illustration.alt}}"{{#illustration.width}} width="{{illustration.width}}" height="{{illustration.height}}"{{/illustration.width}} decoding="async">{{/illustration.url}}{{^illustration.url}}{{#notFoundIcon}}<img class="sv-not-found__art-img" src="{{notFoundIcon}}" alt="" width="903" height="705" decoding="async">{{/notFoundIcon}}{{/illustration.url}}</div>{{/iconSide}}{{#pictureSide}}<div class="sv-not-found__media">{{#image.url}}<img class="sv-not-found__img wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} decoding="async">{{/image.url}}{{^image.url}}{{#notFoundPicture}}<img class="sv-not-found__img" src="{{notFoundPicture}}" alt="" width="1672" height="941" decoding="async">{{/notFoundPicture}}{{/image.url}}</div>{{/pictureSide}}</div>